@function vw($px) {
  @return ($px/720)*100vw;
  // 量出来 $px  设计稿 721
}

* {
  div {
    box-sizing: border-box;
  }
}

.content {
  .search {
    .search_bg {
      // position: fixed;
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center;
      padding: vw(20) vw(18);
      height: vw(98);
      background-color: #211d1c;
      z-index: 99;

      .search {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-items: center;
        width: vw(614);
        height: vw(60);
        border: 1px solid #fff;
        border-radius: vw(40);

        .pic {
          padding: vw(12);
          width: vw(60);
          height: vw(60);

          >img {
            width: 100%;
            height: 100%;
          }
        }

        input {
          padding-left: vw(18);
          width: vw(554);
          height: vw(60);
          line-height: vw(60);
          background-color: transparent;
          font-size: vw(24);
          color: #808080;
          outline: none;
          border: none;
        }
      }

      .text {
        p {
          font-size: vw(24);
          color: #fff;
        }
      }
    }
  }
}